<template>
  <view class="login-page">
    <wd-tabs v-model="tab" sticky color="#3366ff" inactiveColor="#000" swipeable animated>
      <wd-tab title="登录">
        <tab-login></tab-login>
      </wd-tab>
      <wd-tab title="离线操作">
        <tab-offline></tab-offline>
      </wd-tab>
    </wd-tabs>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import TabLogin from './components/tab-login.vue'
import TabOffline from './components/tab-offline.vue'
// tab标签页
const tab = ref(0)
</script>

<style lang="scss" scoped>
.login-page {
  height: calc(100vh - var(--window-top));
  height: calc(100vh - var(--window-top) - constant(safe-area-inset-bottom));
  height: calc(100vh - var(--window-top) - env(safe-area-inset-bottom));
  overflow: hidden;
  // :deep(.wd-tabs__container) {
  //   height: 100%;
  // }
}
</style>
